var value;
var addresspro;
var addresscity;
var addressarea;
var proId;
var cityId;
var areaId;
$(function() {
	//调用智能浮动
	// $(".anim").smartFloat();

	//地址的jq们
	$(".site-selector").hover(function () {
		$(this).addClass("hover");
	},function () {
		$(this).removeClass("hover");
	});
	$(".tab li").click(function () {
		$(this).addClass("curr").siblings().removeClass("curr");
	});
	$(".tab>li:eq(0)>a").click(function () {
		$("#site-province-item").css("display","block").siblings("#site-city-item").css("display","none").siblings("#site-area-item").css("display","none");
	});
	$(".tab>li:eq(1)>a").click(function () {
		$("#site-city-item").css("display","block").siblings("#site-province-item").css("display","none").siblings("#site-area-item").css("display","none");
	});
	$(".tab>li:eq(2)>a").click(function () {
		$("#site-area-item").css("display","block").siblings("#site-province-item").css("display","none").siblings("#site-city-item").css("display","none");
	});
	//生成省
	for (var i = 0; i < city.length; i++) {
		var a = $("<a>").text(city[i]["name"]).attr("data-index", i);
		$("<li>").append(a).appendTo("#site-province-item .area-list");
	}
	//生成市
	$("#site-province-item>.area-list>li>a").click(function () {
		$(".site-selector").addClass("clicked");
		$("#site-city-item>ul>li").remove();
		$(".tab>li:eq(1)").css("display","block");
		$(".tab>li:eq(2)").css("display","none");
		$(".tab>li:eq(1)>a>em").text("请选择");
		$(".tab>li:eq(2)>a>em").text("请选择");
		addresspro = $(this).text();
		proId = $(this).attr("data-index");
		$(".tab>li:eq(0)>a").attr("title", addresspro).children("em").text(addresspro);
		$(".tab>li:eq(0)").removeClass("curr");
		$(".tab>li:eq(1)").addClass("curr");
		$("#site-province-item").css("display", "none");
		$("#site-city-item").css("display", "block");
		for (var j = 0; j < city[proId]["list"].length; j++) {
			var a = $("<a>").text(city[proId]["list"][j]["name"]).attr("data-index", j);
			$("<li>").append(a).appendTo("#site-city-item .area-list");
		}
		//生成区
		$("#site-city-item>.area-list>li>a").click(function () {
			$(".site-selector").addClass("clicked");
			$("#site-area-item>ul>li").remove();
			addresscity = $(this).text();
			cityId = $(this).attr("data-index");
			$(".tab>li:eq(2)>a>em").text("请选择");
			$(".tab>li:eq(2)").css("display","block");
			$(".tab>li:eq(1)>a").attr("title", addresscity).children("em").text(addresscity);
			$(".tab>li:eq(1)").removeClass("curr");
			$(".tab>li:eq(2)").addClass("curr");
			$("#site-city-item").css("display", "none");
			$("#site-area-item").css("display", "block");
			for (var k = 0; k < city[proId]["list"][cityId]["list"].length; k++) {
				var a = $("<a>").text(city[proId]["list"][cityId]["list"][k]["name"]).attr("data-index", k);
				$("<li>").append(a).appendTo("#site-area-item .area-list");
			}
			$("#site-area-item>.area-list>li>a").click(function () {
				$(".site-selector").addClass("clicked");
				addressarea = $(this).text();
				areaId = $(this).attr("data-index");
				$(".tab>li:eq(2)>a").attr("title", addressarea).children("em").text(addressarea);
				$(".text>span").remove();
				$("<span>").text(addresspro+" "+addresscity+" "+addressarea).appendTo(".text");
				$(".site-selector").removeClass("clicked");
			});
		});
	});

		//样式选中调用的jq{}
		/*$(".prop").click(function () {
			$(this).addClass("selected").siblings().removeClass("selected");
		});*/

		$(".clearfix").on("click", "prop", function () {
			$(this).addClass("selected").siblings().removeClass("selected");
		});

		//购买数量
		$("#count").keyup(function () {
			var count = $(this).val();
			if (count >= 5) {
				$(this).val(5);
			} else if (count <= 1) {
				$(this).val(1);
			} else if (count > 1 && count < 5) {
				$(this).val();
			} else {
				$(this).val(1);
			}
		});
		value = $("#count").val();
		//商品数量减号的操作


		$(".vm-minus").click(function () {
			if (value === 5) {
				$(".vm-plus").removeClass("disable");
				$("#count").val(--value);
			} else if (value > 1 && value < 5) {
				$("#count").val(--value);
				if (value === 1) {
					$(this).addClass("disable");
				}
			}
		});
		//加号操作
		$(".vm-plus").click(function () {
			if (value === 1) {
				$(".vm-minus").removeClass("disable");
				$("#count").val(++value);
			} else if (value > 1 && value < 5) {
				$("#count").val(++value);
				if (value === 5) {
					$(this).addClass("disable");
				}
			}
		});
		//下方购买购物车悬浮样式
		$(".btn-primary").hover(function () {
			$(this).css("background", "rgb(35,160,229)")
		}, function () {
			$(this).css("background", "#27B3FF")
		});
		$(".btn-empty").hover(function () {
			$(this).css("background", "rgb(238,248,253)")
		}, function () {
			$(this).css("background", "#FFFFFF")
		});
});
//实现顶部智能浮动
$.fn.smartFloat = function () {
	let position = function (element) {
		let top = element.position().top;
		$(window).scroll(function () {
			let scrolls = $(this).scrollTop();
			if (scrolls > top + 81) {
				if (window.XMLHttpRequest) {
					element.addClass("--fixed");
				} else {
					element.css({
						top: scrolls
					});
				}
			} else {
				element.removeClass("--fixed");
			}
		});
	};
	return $(this).each(function () {
		position($(this));
	});
};

